@charset "utf-8";

@function r($px){
    @return ($px/40)*1rem;
    
    
}

@function px($px){
    @return ($px/2) * 1px;
}

header{
    width: 100%;
    height:px(150);
.back input {
    width:r(123);
    height: px(57);
    font-size: r(26);
    margin-left: 23px;
    margin-top: 25px;
    border-radius: 17px;
    background: white;
    border: 2px solid #ff9344;
    /*margin-bottom: 18px;*/
}

.discover {
    font-size: 20px;
    margin-left: 55px;
    margin-top: 21px;
}

.navpicture{
    width: r(59);
    height: px(51);
    margin-right: 25px;
    margin-top: 25px;
    img{
        width: 100%;
    }
}

}


.login {
    width: r(750);
    height: px(170);
   
   img {
      width: r(170);
      height: px(170);
    margin-left: r(23);
}

.click {
    width: r(207);
    height: px(170);
    margin-left: 24px;
    margin-top: r(35);
}

.click a {
    font-size: r(30);
    color: black;
}

.click p {
    margin-top: r(38);
    font-size: r(26);
    color: #9d9d9d;
}

.right1   {
    margin-top:r(30);
    margin-right: r(22);
    font-size: r(80);
    font-weight: bold;
}
}



.list {
    margin-top: 10px;
    margin-bottom: 20px;
    
    
    .list1 {
    background: #b2e0a0;
    width: r(195);
    height:px(151);
    margin-left: r(56);
    img{
        width: 100%;
        margin-top: -7px;
    }
    
}

.list1 div:nth-of-type(1)  {
    font-weight: bold;
    margin-left: r(57);
    margin-top: r(20);

}

.list1 div:nth-of-type(2) {
    margin-left: r(36);
    margin-top: r(-55);
}

.list1 a {
    font-size: r(30);
    margin: 0 auto;
}

.list2 {
    background: #a0dce0;
    width: r(195);
    height: px(151);
    margin-left: r(27);
     img{
        width: 100%;
    }
    
}


.list2 div:nth-of-type(1)  {
    font-weight: bold;
    margin-left: r(57);
    margin-top: r(20);
}

.list2 div:nth-of-type(2) {
    margin-left: r(36);
    margin-top: r(-50);
}

.list2 a {
    font-size: r(30);
    margin: 0 auto;
}

.list3 {
    background: #e0b7a0;
    width: r(195);
    height: px(151);
    margin-left:r(27);
     img{
        width: 100%;
    }
    
    
}

.list3 div:nth-of-type(1)  {
    font-weight: bold;
    margin-left: r(32);
    margin-top: r(20);
   
}

.list3 div:nth-of-type(2) {
    margin-left: r(25);
    margin-top: r(-30);
}

.list3 a {
    font-size: r(30);
    margin: 0 auto;
}
}



.purse1 .monney1 {
    margin-bottom: r(20);
    width: 100%;
    
    
    .photos1 {
    margin-left: r(30);
    
    img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
}
.textone {
    margin-top: r(23);
}

.textone a {
    font-size: r(30);
    margin-left: r(39);
}
}


.purse1 .more1 {
    margin-right: r(21);
    margin-top: r(23);
    
    .more-text1 a {
    font-size: r(24);
    margin-top: r(10);
    margin-right:r(3);
}

.more-jiantou1{
    width: r(54);
    height: px(54);
    margin-top: r(-10);
    img{
        width: 100%;
    }
}
}

/*等待点评*/
.purse1 .commend1 {
    margin-bottom:r(20);
     width: 100%;
     
    .photos2 {
    margin-left: r(30);
     img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
} 

.text-d {
    margin-top: r(23);
}

.text-d a {
    font-size: r(30);
    margin-left: r(39);
}


}

/*找好友*/

.purse1 .friend {
    margin-bottom: r(20);
     width: 100%;
     .photos3 {
    margin-left: r(30);
     img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
}

.text-dp {
    margin-top: r(23);
}

.text-dp a {
    font-size: r(30);
    margin-left: r(39);
}

}


/*我的足迹*/
.purse1 .footprint {
    margin-bottom:r(79);
    width: 100%;
    
    .photos {
    margin-left:r(30);
    img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
}

.text-dp {
    margin-top: r(23);
}

.text-dp a {
    font-size: r(30);
    margin-left: r(39);
}

}



/*设置*/

.purse1 .setting {
    margin-bottom: r(24);
    width: 100%;
    
     .photos {
    margin-left:r(30);
    img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
}

.text-dp {
    margin-top: r(23);
}

.text-dp a {
    font-size: r(30);
    margin-left: r(39);
}
}


/*联系人*/


.purse1 .contact {
    margin-bottom: r(24);
    width: 100%;
    
     .photos {
    margin-left:r(30);
    img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
}

.text-dp {
    margin-top: r(23);
}

.text-dp a {
    font-size: r(30);
    margin-left: r(39);
}
}


.exit {
    margin-top: r(36);
    margin-bottom: r(30);
}
.exit button{
    width: r(147);
    height: r(77);
    font-size: r(24);
    color: white;
    border-radius: r(32);
    background: #ff9344;
    text-align: center;
}
.exit button:nth-of-type(1) {
    margin-left: r(109);
} 
.exit button:nth-of-type(2) {
    margin-left: r(244);
} 



@media screen and (min-width:750px){
 
 .login {
    width:750px;
    height: 170px;
   
   img {
      width: 170px;
      height: 170px;
    margin-left: 23px;
}

.click {
    width: 207px;
    height: 170px;
    margin-left: 24px;
    margin-top: 35px;
}

.click a {
    font-size: 30px;
    color: black;
}

.click p {
    margin-top: 38px;
    font-size: 26px;
    color: #9d9d9d;
}

.right1   {
    margin-top:30px;
    margin-right: 22px;
    font-size: 80px;
    font-weight: bold;
}
}



.list {
    margin-top: 10px;
    margin-bottom: 20px;
    
    
    .list1 {
    background: #b2e0a0;
    width: 195px;
    height:151px;
    margin-left: 56px;
    img{
        width: 100%;
        margin-top: -7px;
    }
    
}

.list1 div:nth-of-type(1)  {
    font-weight: bold;
    margin-left: 57px;
    margin-top: 20px;

}

.list1 div:nth-of-type(2) {
    margin-left: 36px;
    margin-top: -55px;
}

.list1 a {
    font-size: 30px;
    margin: 0 auto;
}

.list2 {
    background: #a0dce0;
    width: 195px;
    height: 151px;
    margin-left: 27px;
     img{
        width: 100%;
    }
    
}


.list2 div:nth-of-type(1)  {
    font-weight: bold;
    margin-left: 57px;
    margin-top: 20px;
}

.list2 div:nth-of-type(2) {
    margin-left: 36px;
    margin-top: -50px;
}

.list2 a {
    font-size: 30px;
    margin: 0 auto;
}

.list3 {
    background: #e0b7a0;
    width: 195px;
    height: 151px;
    margin-left:27px;
     img{
        width: 100%;
    }
    
    
}

.list3 div:nth-of-type(1)  {
    font-weight: bold;
    margin-left: 32px;
    margin-top: 20px;
   
}

.list3 div:nth-of-type(2) {
    margin-left: 25px;
    margin-top: -30px;
}

.list3 a {
    font-size: 30px;
    margin: 0 auto;
}
}



.purse1 .monney1 {
    margin-bottom: 20px;
    width: 100%;
    
    
    .photos1 {
    margin-left: 30px;
    
    img{
        width: 54px;
        height: 54px;
        margin-top:10px;
    }
}
.textone {
    margin-top: 23px;
}

.textone a {
    font-size:30px;
    margin-left: 39px;
}
}


.purse1 .more1 {
    margin-right: 21;
    margin-top: 23;
    
    .more-text1 a {
    font-size: 24px;
    margin-top: 10px;
    margin-right:3px;
}

.more-jiantou1{
    width: 54px;
    height: 54px;
    margin-top: -10px;
    img{
        width: 100%;
    }
}
}

/*等待点评*/
.purse1 .commend1 {
    margin-bottom:20px;
     width: 100%;
     
    .photos2 {
    margin-left: 30px;
     img{
        width: 54px;
        height: 54px;
        margin-top: 10px;
    }
} 

.text-d {
    margin-top: 23px;
}

.text-d a {
    font-size: 30px;
    margin-left: 39px;
}


}

/*找好友*/

.purse1 .friend {
    margin-bottom: 20px;
     width: 100%;
     .photos3 {
    margin-left: 30px;
     img{
        width: 54px;
        height: 54px;
        margin-top: 10px;
    }
}

.text-dp {
    margin-top: 23px;
}

.text-dp a {
    font-size: 30px;
    margin-left: 39px;
}

}


/*我的足迹*/
.purse1 .footprint {
    margin-bottom:79px;
    width: 100%;
    
    .photos {
    margin-left:30px;
    img{
        width: 54px;
        height: 54px;
        margin-top: 10px;
    }
}

.text-dp {
    margin-top: 23px;
}

.text-dp a {
    font-size: 30px;
    margin-left: 39px;
}

}



/*设置*/

.purse1 .setting {
    margin-bottom: 24px;
    width: 100%;
    
     .photos {
    margin-left:r(30);
    img{
        width: r(54);
        height: px(54);
        margin-top: r(10);
    }
}

.text-dp {
    margin-top: 23px;
}

.text-dp a {
    font-size: 30px;
    margin-left: 39px;
}
}


/*联系人*/


.purse1 .contact {
    margin-bottom: 24px;
    width: 100%;
    
     .photos {
    margin-left:30px;
    img{
        width: 54px;
        height: 54px;
        margin-top: 10px;
    }
}

.text-dp {
    margin-top: 23px;
}

.text-dp a {
    font-size: 30px;
    margin-left: 39px;
}
}


.exit {
    margin-top: 36px;
    margin-bottom: 30px;
}
.exit button{
    width: 147px;
    height: 77px;
    font-size: 24px;
    color: white;
    border-radius: 32px;
    background: #ff9344;
    text-align: center;
}
.exit button:nth-of-type(1) {
    margin-left: 109px;
} 
.exit button:nth-of-type(2) {
    margin-left: 244px;
} 

    
}